
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>211国庆狂欢赢魅族PRO 6</title>
    <meta name="screen-orientation" content="portrait">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
    <style>
    html {
      height: 100%;
      background-image: linear-gradient(to bottom,#d2137f,#d2137f 30%,#aa0061);
    }
    body {
      height: 100%;
      background: url('') 0 0 repeat;
    }
    img {
      width: 100%;
      position: absolute;
      left: 0;
      top: 0;
      opacity: 1;
      transition: opacity 0.15s;
      -webkit-backface-visibility: hidden;
    }
    img.hide {
      opacity: 0;
    }
    img.bg {
      width: 80%;
      display: block;
      left: 10%;
    }
    div.action {
      padding-top: 400px;
    }
    div button {
      font-size: 20px;
      padding: 20px;
    }
    </style>
</head>
<body>
  <img src="bg-game.png" class="bg">
  <img class="animate" id="image"  src="good1.png" data-name="good1" data-degree="40" data-index="1">
  <img class="animate" src="good2.png"  data-name="good2" data-degree="120" data-index="2">
  <img class="animate" src="good3.png"  data-name="good3" data-degree="200" data-index="3">
  <img class="animate" src="car.png" data-name="shoppingcart" data-degree="0" data-speed="0">
  <div  class="action">
    <button id ="start">开始</button>
    <button id="stop">停止</button>
  </div>
  <script src="stats.min.js"></script>
  <script src="index.js?22233"></script>
  <script>
  </script>
</body>
</html>
